<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:pe="http://primefaces.org/ui/extensions"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:fn="http://java.sun.com/jsp/jstl/functions">
    <ui:composition template="/layout/masterPageNotHeaderSearch.xhtml">
        <ui:define name="ui-header">
            <title>#{utilsController.getLanguages("CarService")}</title>
        </ui:define>
        <ui:define name="ui-content">
            <div class="container content bg-gradient-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="panel panel-default buyGuides rounded-2x">
                            <div class="panel-body">
                                <h2 style="color: #31708F"><b>Find your autopart and accessories</b></h2>
                                <div role="form" class="sky-form" style="margin-top: 30px;">
                                    <div class="form-group">
                                        <label class="select">
                                            <select class="rounded-custom-def">
                                                <option value="design">Select Year</option>
                                                <option value="development">development</option>
                                                <option value="illustration">illustration</option>
                                                <option value="branding">branding</option>
                                                <option value="video">video</option>
                                            </select>
                                            <i></i>
                                        </label>
                                    </div>
                                    <div class="form-group">
                                        <label class="select">
                                            <select class="rounded-custom-def">
                                                <option value="design">Select Makes</option>
                                                <option value="development">development</option>
                                                <option value="illustration">illustration</option>
                                                <option value="branding">branding</option>
                                                <option value="video">video</option>
                                            </select>
                                            <i></i>
                                        </label>
                                    </div>
                                    <div class="form-group">
                                        <label class="select">
                                            <select class="rounded-custom-def">
                                                <option value="design">Select Model</option>
                                                <option value="development">development</option>
                                                <option value="illustration">illustration</option>
                                                <option value="branding">branding</option>
                                                <option value="video">video</option>
                                            </select>
                                            <i></i>
                                        </label>
                                    </div>
                                    <div class="row" style="padding-top: 18px">
                                        <div class="col-md-7">
                                            <button type="button" onclick="Search_cars_dealer_Click();" class="btn-u btn-u-green rounded-custom-def" >
                                                <i class="glyphicon glyphicon-search"></i>#{utilsController.getLanguages("TimKiem")}</button>
                                        </div>
                                        <div class="col-md-5">
                                            <p style="margin-bottom: 0px;margin-top: 4px;">
                                                <a href="#" style="font-weight: bold;font-size: 14px;color: #666666">Advance Search</a> 
                                                | 
                                                <a href="#" style="font-weight: bold;font-size: 14px;color: #666666">Request</a>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <img src="/resourcesApp/img/sagoauto/carService.png" alt="" style="width: 100%;;height: 293px;"/>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5" style="padding-right: 0px;">
                        <p style="font-size: 26px;margin-top: 15px;">
                            <b>VIPER</b> is <b>security</b> and <b>convenience</b> for your modern lifestyle.
                        </p>
                        <p>
                            Viper is the world's best selling vehicle security and remote start brand. 
                            We use precision engineering and cutting-edge technology to make sure you are in control. 
                            Viper systems offer range and features you can count on every time.
                        </p>
                    </div>
                    <div class="col-md-7" style="padding-left: 0px;">
                        <img src="/resourcesApp/img/sagoauto/phone.png" alt="" style="width: 100%;;height: 293px;"/>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5">
                         <img src="/resourcesApp/img/sagoauto/viper.png" alt="" style="width: 100%;;height: 293px;"/>
                    </div>
                    <div class="col-md-7" style="padding-left: 0px;">
                        <p style="font-size: 26px;margin-top: 15px;">
                            <font style="font-size: 50px;font-weight: bold;font-style: italic;">VIPER</font>
                            <font style="font-size: 30px;font-weight: bold;color: #ffd400">Home</font>
                        </p>
                        <p>
                            <i class="icon-custom icon-lg rounded-x icon-color-yellow icon-line icon-home"></i>
                            <span style="font-size: 25px;">Safe. Smart. Secure</span>
                        </p>
                        <p style="font-size: 17px;">Protect your home and family with the most advanced and reliable wireless home security system from Viper.</p>
                        <p>
                            Viper wireless home monitoring and security uses your smartphone to take control of remote access, arm/disarm, 
                            event notifications, optional video monitoring* and much more. 
                            Eliminate the expensive long-term monitoring contracts and false alarm fees associated with other security systems, 
                            and receive verified security notifications on your smartphone.
                        </p>
                        <div class="pull-right">
                            <button type="button" class="btn btn-u btn-u-yellow rounded-custom-def">Learn More</button>
                            <button type="button" class="btn btn-u btn-u-green rounded-custom-def">Buy Now</button>
                        </div>
                    </div>
                </div>
            </div>
        </ui:define>
    </ui:composition> 
</html>